<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="bannerocity.css" />
<script  type="text/javascript">
	function validateNonEmpty(field){
		if(field.value.length==0){
			alert("please enter a value");
			return false;
		}
		return true;
	}
	
	function formChk(form){
		if( validateNonEmpty(form["zipcode"])&&validateNonEmpty(form["name"])&&validateNonEmpty(form["phone"])  ){
			alert("submit");
		}else{
			alert("enter field");
		}
	}
</script>
</head>
<body>
<form name="form1" method="post" action="a.jsp">
	<div class="heading">
		<img src="/jsp_study/images/logo.png" id="logo" />
	</div>
	<div class="field">
		Enter the banner message:
		<input type="text" name="message" id="message" size="32">
		<span id="message_help" class="help"></span>
	</div>
	<div class="field">
		Enter Zip code of the location:
		<input type="text" name="zipcode" id="zipcode" size="5" onblur="validateNonEmpty(this)">
		<span id="zipcode_help" class="help"></span>
	</div>
	<div class="field">
        Enter the date for the message to be shown:
        <input id="date" name="date" type="text" size="10" onblur="validateNonEmpty(this)"/>
        <span id="date_help" class="help"></span>
      </div>
      <div class="field">
        Enter your name:
        <input id="name" name="name" type="text" size="32" onblur="validateNonEmpty(this)" />
        <span id="name_help" class="help"></span>
      </div>
      <div class="field">
        Enter your phone number:
        <input id="phone" name="phone" type="text" size="12" onblur="validateNonEmpty(this)"/>
        <span id="phone_help" class="help"></span>
      </div>
      <div class="field">
        Enter your email address:
        <input id="email" name="email" type="text" size="32" onblur="validateNonEmpty(this)" />
        <span id="email_help" class="help"></span>
      </div>
       <input type="button" value="Order Banner" onclick="formChk(this.form)" />
</form>
</body>
</html>